<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>登录-接口自动化测试平台</title>

    <!-- Bootstrap -->
    {#    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{{ url_for('static',filename='gentelella-master/vendors/bootstrap/dist/css/bootstrap.min.css') }}">

    <!-- Font Awesome -->
    {#    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{{ url_for('static',filename='gentelella-master/vendors/font-awesome/css/font-awesome.min.css') }}">

    <!-- NProgress -->
    {#    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{{ url_for('static',filename='gentelella-master/vendors/nprogress/nprogress.css') }}">

    <!-- Animate.css -->
    {#    <link href="../vendors/animate.css/animate.min.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{{ url_for('static',filename='gentelella-master/vendors/animate.css/animate.min.css') }}">

    <!-- Custom Theme Style -->
    {#    <link href="../build/css/custom.min.css" rel="stylesheet">#}
    <link rel="stylesheet" href="{{ url_for('static',filename='gentelella-master/build/css/custom.min.css') }}">

    <!-- Custom styles for this template -->
    <link href="{{ url_for('static',filename='cms/css/signin.css') }}" rel="stylesheet">

</head>

<body class="login">
<div>
    <a class="hiddenanchor" id="signup"></a>
    <a class="hiddenanchor" id="signin"></a>

    <div class="login_wrapper">
        <div class="animate form login_form">
            <section class="login_content">
                <form method="post">
                    <h1>Login Form</h1>

                    <!-- 加入csrf_token验证 ：只要是post请求都加上-->
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

                    <div>
                        <label for="inputEmail" class="sr-only">邮箱</label>
                        <input type="email" id="inputEmail" class="form-control" placeholder="邮箱" name="email" required autofocus>
                    </div>
                    <div>
                        <label for="inputPassword" class="sr-only">密码</label>
                        <input type="password" id="inputPassword" class="form-control" placeholder="密码" name="password" required>
                    </div>
                    {#新增 '记住我'#}
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="1" name="remember"> 记住我
                        </label>
                    </div>

                    <div>
                        {#<a class="btn btn-default submit" href="index.html">立即登录</a>#}
                        <button class="btn btn-lg btn-primary btn-block" type="submit">立即登录</button>
                        <a class="reset_pass" href="#">Lost your password?</a>
                    </div>

                    {#新增'错误信息提示'#}
                    {% if message %}
                        <p style="text-align:center;" class="text-danger">{{ message }}</p> {% endif %}

                    <div class="clearfix"></div>

                    <div class="separator">
                        <p class="change_link">New to site?
                            <a href="#signup" class="to_register"> Create Account </a>
                        </p>

                        <div class="clearfix"></div>
                        <br/>

                        <div>
                            <h1><i class="fa fa-paw"></i> 云庐数据</h1>
                            <p>©2018 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
                        </div>
                    </div>
                </form>
            </section>
        </div>

        <div id="register" class="animate form registration_form">
            <section class="login_content">
                <form>
                    <h1>Create Account</h1>
                    <div>
                        <input type="text" class="form-control" placeholder="Username" required=""/>
                    </div>
                    <div>
                        <input type="email" class="form-control" placeholder="Email" required=""/>
                    </div>
                    <div>
                        <input type="password" class="form-control" placeholder="Password" required=""/>
                    </div>
                    <div>
                        <a class="btn btn-default submit" href="index.html">Submit</a>
                    </div>

                    <div class="clearfix"></div>

                    <div class="separator">
                        <p class="change_link">Already a member ?
                            <a href="#signin" class="to_register"> Log in </a>
                        </p>

                        <div class="clearfix"></div>
                        <br/>

                        <div>
                            <h1><i class="fa fa-paw"></i> Gentelella Alela!</h1>
                            <p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
                        </div>
                    </div>
                </form>
            </section>
        </div>
    </div>
</div>
</body>
</html>
